<template>
  <div>
    <h1>父传子-验证</h1>
    <p>{{info1}}</p>
    <p>{{info2}}</p>
    <p>{{info3}}</p>
    <p>{{info4}}</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
     
    }
  },
  props: {
    // 在这里定义数据类型，如果不符合会报错
    info1: [String, Number],
    info2: {
      type: String,
      // 定义是否必填
      required: true
    },
    info3: {
      type: String,
      // 定义默认值，当这个属性没传值时使用默认值，优先使用传过来的值
      // 不建议设置为必填项
      default: 'abcd'
    },
    info4: {
      // 自定义一个校验器，通过函数进行更高级的校验
      validator: function(val) {
        return val.name == 'Tom'
      }
    }
  }
}
</script>
<style lang="">
  
</style>